<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>下拉树控件</title>
	<script type="text/javascript">
		var Global = {
			contextPath:'/bingo.ui.framework'
		} 
	</script>
	<script src="../../../../scripts/jquery.js" type="text/javascript"></script>
	<script src="../../../../scripts/jquery.utils.js" type="text/javascript"></script>

	<link  href="../../../../themes/default/ui.css" type="text/css" rel="stylesheet" />
		<!-- 换肤 -->
	<script type="text/javascript" src="../../../theme_cookie.js"></script>
	<link rel="stylesheet" type="text/css" href="../combotree.css">
	<script type="text/javascript" src="../jquery.combotree.js"></script>
	

	<link type="text/css" href="../../../demos.css" rel="stylesheet" />
	<script type="text/javascript" src="../../../../scripts/jquery_plugins/jquery.json.js"></script>

	<script>
		$(function(){
			$('#getValue').click( function(){
				var obj = $('#cc').comboTree().getValue();
				$('.value').removeClass('ui-helper-hidden').html( jQuery.json.encode(obj) ) ;
			} ) ;
			
			$('#setValue').click( function(){
				$('#cc').comboTree().setValue({
					id:2,
					text:'File1'
				});
			} ) ;
			
			$('#reload').click( function(){
				$('#cc').comboTree().reload();
			} ) ;
		}) ;
	</script>
	
</head>

<body>

	
	<div>
		<h1></h1>
		
		<div>
			<a href='javascript:' id='getValue'>getValue</a> &nbsp;&nbsp;
			<a href='javascript:' id='setValue'>setValue</a> &nbsp;&nbsp;
			<a href='javascript:' id='reload'>reload</a>     &nbsp;&nbsp;
		</div>
		<br>
		<div class='ui-state-highlight value ui-helper-hidden'></div>
		<br />
		<select id="cc" class="widget-class easyui-combotree" widget="comboTree" opts="{'url':'../tree_data.json'}" style="width:200px;" ></select>

	</div>
</body>
</html>